<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../css/yahoo.css"/>
    <link rel="stylesheet" href="../css/font-awesome-4.7.0/css/font-awesome.min.css"/>
    <!--导航部分-->
    <link rel="stylesheet" href="../css/nav.css"/>
    <!--footer部分-->
    <link rel="stylesheet" href="../css/footer.css"/>
    <!--info部分-->
    <link rel="stylesheet" type="text/css" href="../css/kc-kcxqinfo.css"/>
    <!--课程详情-->
    <link rel="stylesheet" type="text/css" href="../css/kc-ksxqpl.css"/>
    <!--mask部分-->
    
    <link rel="stylesheet" href="../css/mask.css"/>
    <link rel="stylesheet" href="../css/qrcode.css"/>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <title>课程详情笔记</title>
</head>
<body>
<!--导航部分-->

<!--页头导航-->
<nav>
	<div class="nav-1">
		<ul class="fl nav-ul">
            <li>
                <div class="shiZ">
                    <span>市直学院<i class="glyphicon glyphicon-menu-down" aria-hidden="true" style="margin-left: 15px"></i></span>
                </div>
            </li>
            <li class="active">
                <a href="##" style="color: red">首页</a>
            </li>
            <li>
                <a href="###">个人中心</a>
            </li>
            <li>
                <a href="###">课程超市</a>
            </li>
            <li>
                <a href="###">网院公开课</a>
            </li>
            <li>
                <a href="###">直播课堂</a>
            </li>
            <li>
                <a href="###">服务中心</a>
            </li>
        </ul>
        
        <div class="search fr">
            <form>
                <input type="text" class="ipt" id="text"/>
                <span class="glyphicon glyphicon-search souS" aria-hidden="true"></span>
                <div id="loginCsiDiv">
                    <input type="button" value="登录" style="border:0;background: white;display: none" class="enter liactive"/>
                    <div class="s-dl" style="display: none">
                        <i>99</i>
                    </div>
                </div>
            </form>
            <div class="personal" style="z-index:101;display: none">
                <div class="s-dl2"></div>
                <div class="s-per">
                    <p>张三 <span>（英语外教)</span></p>
                    <p>南方中学</p>
                </div>
                <ul>
                    <li><a href="##"><i class="s-per-i1"></i>学习空间</a></li>
                    <li><a href="##"><i class="s-per-i2"></i>智慧商城</a></li>
                    <li><a href="###"><i class="s-per-i3"></i>会员中心</a></li>
                </ul>
                <div class="quit"><a href="##">安全退出</a></div>
            </div>
        </div>
	</div>
</nav>











<div class="navcom" style="width: 100%">
    <div class="wrap1200 clearfix" style="height: 85px;position: relative">
        
        <div class="sz-list">
            <div class="sz-list-content">
                <div class="mh">
                    <p class="mh-name">门户</p>
                    <ul class="mh-list">
                        <li><a href="##">株洲市教师教育网络学院门户</a></li>
                    </ul>
                </div>
                <div class="sxy">
                    <p class="sxy-name">市学院</p>
                    <ul class="sxy-list">
                        <li><a href="##">株洲教师教育网络学院</a></li>
                    </ul>
                </div>
                <div class="qfy">
                    <p class="qfy-name">区分院</p>
                    <ul class="sxy-list">
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                        <li><a href="##">市直属教师教育网络学院门户</a></li>
                    </ul>
                </div>
                <div class="xfy">
                    <p class="xfy-name">县学院</p>
                    <ul class="xfy-list">
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                        <li><a href="##">茶陵教师教育网络学院门户</a></li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
</div>
<!--导航栏结束-->



<!--个人信息部分-->
<div class="info">
    <div class="content">
    	<ul class="info-left">
    		<li class="info-left-1"><img src="../img/图层-67.png"/></li>
    		<li class="info-left-2">
    			<h1>课程标题课程标题课程标题课程标题课程标题</h1>
    			<span>
    				<p>学段</p>
    				<p>高中</p>
    			</span>
    			<span>
    				<p>学科</p>
    				<p>语文</p>
    			</span>
    			<span>
    				<p>时长</p>
    				<p>1:30:12</p>
    			</span>
    			<span>
    				<p>教版</p>
    				<p>人教版</p>
    			</span>
    		</li>
    	</ul>
    	
    	<ul class="info-right">
    		<li class="info-right1"><span>&nbsp;&nbsp;继续学习</span></li>
    		<li class="info-right2">
    			<img src="../img/kcxqnav1.png" alt="" />
    			<span class="info-right21">视频学习 20%</span>
    			<span class="info-right22">
    				考试习题 <span>59</span> 分
    			</span>
    			<span class="info-right23"><a href="#">提交评论</a></span>
    		</li>
    	</ul>
    </div>
</div>


<!--课程简介-->

<section>
	<div class="brief">
		<ul>
			<li class="con-left">
				<h2>课程简介</h2>
				<span>轻松学习PHP基础知识,轻松学习PHP基础知识,轻松学习PHP基础知识,轻松学习PHP基础知识,轻松学习PHP基础知识,轻松学习PHP基础知识,</span>
			</li>
			<li class="con-right">
				<h2>课程讲师</h2>
				<div>
					<img src="../img/team.png"/>
					<span>
						<p class="first">张三  </p> <span>(英语外教)</span>
						<p>南方中学</p>
					</span>
				</div>
			</li>
		</ul>
	</div>
</section>

<!--整体教学视频-->
<div class="classroom">
	<div class="classroom-1">
		<div class="study">
		<ul>
			<li class="active">课堂资料</li>
			<li>考试</li>
			<li>评论</li>
			<li>笔记</li>
		</ul>
	</div>
  </div>
</div>



<div class="abs">
	<ul>
		<li>
			<div class="abs-left">
				<span class="abs-1"><img src="../img/team.png"/></span>
			   <div class="abs-2">
				  <h3>某某</h3>
				<span>千墨四壁风前路，年月沉鱿暗寞游，等口航空坠机场，待话榜字别滋味。</span>
			   </div>
			</div>
			
			<div class="abs-right">
				<span class="abs-right1">采集</span>
				<span class="abs-right2"><img src="../img/赞.png"/></span>
				<span class="abs-right3">121</span>
			</div>
		</li>
		
		
		<div class="reply">
			<div class="reply-left">
				<span class="reply-1"><img src="../img/team.png"/></span>
			   
			</div>
			
			<div class="reply-right">
				<div class="reply-2">
				  <h3>某某</h3>
				<span>千墨四壁风前路，年月沉鱿暗寞游，等口航空坠机场，待话榜字别滋味。</span>
			   </div>
				<div class="reply-3">
					<span class="reply-right1">采集</span>
				<span class="reply-right2"><img src="../img/赞.png"/></span>
				<span class="reply-right3">121</span>
				</div>
				
				<div class="reply-4">
					<div class="reply-41">
					  <h4>【讲师回复】：</h4>
					  <span>考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题</span>
				    </div>
				  <div class="reply-42">
					<h4>【辅导员回复】: </h4>
					<span>考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题</span>
				  </div>
				  <div class="reply-43">
					<h4>【学员名字】: 回复 【讲师】</h4>
					<span>考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题考试标题</span>
				  </div>
				</div>
				
				
				
			</div>
		</div>
		
	</ul>
</div>



<!--下一页-->
 <div class="c-page" style="margin-top: 100px">
        <a href="##">首页</a>
        <a href="##">上一页</a>
        <ul>
            <li class="c-hover"><a href="##">1</a></li>
            <li><a href="##">2</a></li>
        </ul>
         <a href="##">下一页</a>
         <a href="##">尾页</a>
</div>







<!--foorer部分-->
<div class="footer" style="margin-top: 170px">
    <div>
        <p>主办：株洲市教师培训中心</p>
        <p>湘ICP备10001590号　办公室：0731-22529866</p>
        <p>Copyright © 2005-2011</p>
        <p>湖南润成天睿教育网络科技提供技术支持</p>
    </div>
</div>
<!--footer部分结束-->
<!--遮罩层部分-->
<div class="mask">
    <div class="mask-login">
        <div class="mask-login-con">
            <h6>密码登录</h6>
            <form>
                <div class="form-group">
                    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="身份证号码">
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="6-16位密码，不区分大小写">
                </div>
                <div class="checkbox">
                    <label>
                        <input type="checkbox">下次自动登录
                    </label>
                    <a href="##">忘记密码</a>
                </div>
                <button type="submit" class="btn btn-default">登录</button>
            </form>
            <a href="##" class="glyphicon glyphicon-remove" aria-hidden="true"></a>
        </div>
    </div>
</div>
<!--二维码-->
<div class="aQrcode">
    <div class="QRcode">
        <a href="">
            <span class="QRcode-1"><img src="../img/001.png"/></span>
           	 <span class="QRcode-2">
           	 	<p>意见</p>
           		<p>反馈</p>
           	 </span>
        </a>
        <a href="">
            <span class="QRcode-1"><img src="../img/002.png"/></span>
           	<span class="QRcode-2">
           		<p>扫码</p>
           		<p>下载</p>
           	</span>
        </a>
        <a href="">
            <span class="QRcode-1"><img src="../img/003.png"/></span>
           	<span class="QRcode-2">
           		<p>官方</p>
           		<p>微信</p>
           	</span>
        </a>
    </div>
    <div class="QRcode-3">
        <p>扫描二维码下载手机app</p>
        <img src="../img/004.png"/>
    </div>
    <div class="QRcode-4">
        <p>扫描二维码关注官方微信</p>
        <img src="../img/004.png"/>
    </div>
</div>
</body>
<script src="../js/nav.js"></script>
<script src="../js/kc-kcxqpl.js" type="text/javascript" charset="utf-8"></script>
<!--mask部分-->
<script src="../js/mask.js"></script>
<script src="../js/qrcode.js"></script>
</html>